﻿@using NB.MGJ.Model.Model
@{
    Layout = null;
    V_Distributor m = ViewBag.model as V_Distributor;
}
<style>
    .info-row {
        display: flex;
        align-items: center;
        margin: 0 0 12px 0;
    }

        .info-row .info-col {
            flex: 1;
            display: flex;
            align-items: center;
        }

            .info-row .info-col span:nth-child(1) {
                width: 120px;
                text-align: right;
            }

            .info-row .info-col span:nth-child(2) {
                /*flex: 1;*/
                width: 233px;
                /*单行出现省略号*/
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                /*多行出现省略号*/
                /*display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;*/
            }
</style>
<div>
    <div class="info-row">
        <div class="info-col">
            <span>经销商名称：</span>
            <span class="form-control"> @m.Name</span>
        </div>
        <div class="info-col">
            <span>所属片区：</span>
            <span class="form-control">@m.SalesArea</span>
        </div>
        <div class="info-col">
            <span>经销商等级</span>
            <span class="form-control">@m.DisLevelName</span>
        </div>
    </div>
    <div class="info-row">
        <div class="info-col">
            <span>管辖区域：</span>
            <span class="form-control">@m.JurisdictionPrivanceName</span>
        </div>
        <div class="info-col">
            <span> </span>
            <span class="form-control">@m.JurisdictionCityName</span>
        </div>
        <div class="info-col">
            <span> </span>
            <span class="form-control">@m.JurisdictionRegionName</span>
        </div>
    </div>
    <div class="info-row">

        <div class="info-col">
            <span>跨片区：</span>
            <span class="form-control">@m.AcrossPrivanceName</span>
        </div>
        <div class="info-col">
            <span> </span>
            <span class="form-control">@m.AcrossCityName</span>
        </div>
        <div class="info-col">
            <span> </span>
            <span class="form-control">@m.AcrossRegionName</span>
        </div>
    </div>


    <div class="info-row">

        <div class="info-col">
            <span>联系人：</span>
            <span class="form-control">@m.Contacts</span>
        </div>

        <div class="info-col">
            <span>手机号：</span>
            <span class="form-control">@m.ContactMobile</span>
        </div>
        <div class="info-col">
            <span>电话：</span>
            <span class="form-control">@m.ContactsTel</span>
        </div>
        <div class="info-col">

        </div>
    </div>


    <div class="info-row">

        <div class="info-col">
            <span>邮箱：</span>
            <span class="form-control">@m.Email</span>
        </div>

        <div class="info-col">
            <span>所在地：</span>
            <span class="form-control">@m.ProvinceName@m.CityName@m.RegionName</span>
        </div>
        <div class="info-col">
            <span>详细地址：</span>
            <span class="form-control">@m.Address</span>
        </div>
        <div class="info-col">

        </div>
    </div>

    <div class="info-row">
        <div class="info-col">
            <span>备注：</span>
            <span class="form-control">@m.Remark</span>
        </div>

        <div class="info-col">

        </div>
    </div>

</div>
